*,::before,::after{
    padding: 0;
    margin: 0;
    /*去除在所有的浏览器当中点击过后有一个高亮的效果*/
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    /*需要设置所有的元素宽度以边框开始计算*/
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
body,input{
    font: 14px/1.5 Arial,verdana,'Hiragino Sans GB','Microsoft Yahei',sans-serif;
    font-family:  PingFangSC-Regular, Roboto-Regular;
	-webkit-font-smoothing:antialiased;
}
dl,ul,ol,menu,li{
	list-style:none
} 
a {
	color:#333;text-decoration:none
}
a:active, a:hover {
	text-decoration:none
} 
/*清楚移动端浏览器对表单的默认样式*/
input[type="text"],input[type="search"],input[type="tel"],textarea,button{
    border: 0;
    resize: none;
    outline: none;
    -webkit-appearance: none; /*清除移动浏览默认的样式,表单的立体阴影一类*/
}
/*清除浮动*/
.clearfix::after, 
.clearfix::before{
    content: ".";
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?jawgeg');
	src: url('fonts/icomoon.eot?jawgeg#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?jawgeg') format('truetype'),
		url('fonts/icomoon.woff?jawgeg') format('woff'),
		url('fonts/icomoon.svg?jawgeg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]::before, [class*="icon-"]::before {
	/* use !important to prevent issues with browser extensions that change fonts */
	position: relative;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
}

.f-left{
    float: left;
}
.f-right{
    float: right;
}
.f-none{
	display: none;
}

.st-layout{
    width: 7.5rem;
    margin:0 auto;
    overflow: hidden;
}
.st-content{
    width: 7.5rem;
    height: 100%;
    overflow-y: scroll;
}
.st-status-bar{
    width: 7.5rem;
    height: .48rem;
}
.st-title-bar{
    width: 7.5rem;
    height: .88rem;
    font-size: 0;
}
.st-title-bar .back{
    display: inline-block;
    width: 1.6rem;
    height: .88rem;
    line-height: .88rem;
    margin: 0 .2rem;
    font-size: .3rem;
    vertical-align: top;
}
.st-title-bar .back img{
    width: .44rem;
    height: .44rem;
    margin: .19rem 0;
    vertical-align: top;
}
.st-title-bar .title{
    display: inline-block;
    width: 3.5rem;
    height: .88rem;
    line-height: .88rem;
    margin: 0 1.12rem 0 0;
    font-size: .34rem;
    font-weight: 400;
    color: #333333;
    text-align: center;
    vertical-align: top;
}
.st-title-bar img.share{
    margin: .2rem;
    width: .48rem;
    height: .48rem;
    vertical-align: top;
}
.bg-white{
    background: #FFFFFF;
}
.bg-blue{
    background: #3296FB;
}
.bg-gray{
    background: #55C6D8;
}
.color-white{
    color: #FFFFFF;
}
.color-blue{
    color: #3296FB;
}
.color-orange{
    color: #FD802E;
}
.margin-right-24{margin-right: .24rem;}
.margin-top-24{margin-top: .24rem;}
.margin-top-30{margin-top: .3rem;}
.margin-top-40{margin-top: .40rem;}
.margin-bottom-30{margin-bottom: .3rem;}
